@charset "utf-8";
/* CSS Document */
html {color:#555; background:#fff; font-family:Dotum,Tahoma; font-size:11pt;}
html, body {width:100%; height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td {margin:0; padding:0; font-family:Dotum,Tahoma; font-size:9pt;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {font-style:inherit; font-weight:inherit;}
del,ins {text-decoration:none;}
ul {list-style:none;}
hr {display:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0; font-variant:normal;}
sup,sub {vertical-align:baseline;}
legend {color:#000;}
input,button,textarea,select,optgroup,option {font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
input,button,textarea,select {* font-size:100%;} 
a:link {text-decoration:none; color:#555;}
a:active {text-decoration:none; color:#555;}
a:visited {text-decoration:none; color:#555;}
a:focus {text-decoration:none; color:#555;}

/* 전체 DIV */
.wrap{padding:10px; width:824px; height:768px; background:url(/images/web/bg_a.jpg) right bottom no-repeat}

/* OPUP DIV */
.wrapP{padding:10px; width:400px; height:500px;}
.wrapP2{padding:10px; width:450px; height:500px;}

/* 페이지 타이틀 부분 */
.pagetitle{border-bottom:1px solid #999; margin-bottom:20px;}
.pagetitle h1{font:bold 24px "Times New Roman", Times, serif; color:#555;}

/* 테이블 전체 DIV */
.con_tableW{border-top:2px solid #ddd;}

/* 테이블 속성 */
.TableST{width:100%; border-top:2px solid #999; border-right:1px solid #ccc; border-collapse:collapse;}
.TableST th{width:120px; background:#eee; border-bottom:1px solid #ccc; height:30px; text-align:center; font:bold 12px "arial";}
.TableST th.thST2{width:220px; background:#eee; border-bottom:1px solid #ccc; height:30px; text-align:center; font:bold 12px "arial";}
.TableST td{border-bottom:1px solid #ccc; padding-left:10px;}

.TableST2{width:100%; border-top:2px solid #999; border-right:1px solid #ccc; border-collapse:collapse;}
.TableST2 th{background:#eee; border-bottom:1px solid #ccc; height:30px; text-align:center; font:bold 12px "arial";}
.TableST2 td{border-bottom:1px solid #ccc; padding-left:10px; height:30px;}

.TableST3{width:100%; border-top:2px solid #999; border-right:1px solid #ccc; border-collapse:collapse;}
.TableST3 th{background:#eee; border-bottom:1px solid #ccc; height:45px; text-align:center; font:bold 12px "arial";}
.TableST3 td{border-bottom:1px solid #ccc; padding-left:10px;}

.TableST4{width:100%; border-top:2px solid #ccc; border-collapse:collapse;}
.TableST4 th{background:#eee; border:1px solid #ccc; height:30px; text-align:center; font:bold 12px "arial";}
.TableST4 td{border:1px solid #ccc; height:30px;}

/* 스크롤 테이블 */
.TableST2Head{width:100%; border-top:2px solid #999; border-collapse:collapse; border-right:1px solid #ccc;}
.TableST2Head th{background:#eee; border-bottom:1px solid #ccc; height:30px; text-align:center; font:bold 12px "arial";}
.TableST2Body{border-collapse:collapse; width:100%;}
.TableST2Body td{border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding-left:10px; padding-right:10px; height:30px;}

.taBodyW{overflow:auto; overflow-x:hidden; height:155px;}

/* input 속성 */
.TableST .chST{margin-left:3px; margin-right:3px;}
.inST{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666;}

/* input text box %값 */
.inST100{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; width:100%;}
.inST97{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; width:97%;}
.inST90{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; width:90%;}
.inST80{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; width:80%;}
.inST75{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; width:75%;}
.inST70{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; width:70%;}
.inST60{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; width:60%;}
.inST50{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; width:50%;}
.inST40{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; width:40%;}
.inST30{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; width:30%;}
.inST20{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; width:20%;}
.inST10{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; width:10%;}

/* input text box readonly 색상 %값 */
.inSTR100{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; background:#eeeeee;  width:100%;}
.inSTR95{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; background:#eeeeee; width:95%;}
.inSTR90{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; background:#eeeeee; width:90%;}
.inSTR80{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; background:#eeeeee; width:80%;}
.inSTR75{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; background:#eeeeee; width:75%;}
.inSTR70{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; background:#eeeeee; width:70%;}
.inSTR60{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; background:#eeeeee; width:60%;}
.inSTR50{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; background:#eeeeee; width:50%;}
.inSTR40{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; background:#eeeeee; width:40%;}
.inSTR30{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; background:#eeeeee; width:30%;}
.inSTR20{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; background:#eeeeee; width:20%;}
.inSTR10{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; background:#eeeeee; ;width:10%;}


/* input text box %값오른쪾 정렬 */
.inST100_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; text-align:right ;color:#666; width:100%;}
.inST97_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; text-align:right ; color:#666; width:97%;}
.inST90_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; text-align:right ; color:#666; width:90%;}
.inST80_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; text-align:right ;  color:#666; width:80%;}
.inST75_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; text-align:right ;  color:#666; width:75%;}
.inST70_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; text-align:right ;  color:#666; width:70%;}
.inST60_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; text-align:right ;  color:#666; width:60%;}
.inST50_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; text-align:right ;  color:#666; width:50%;}
.inST40_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; text-align:right ;  color:#666; width:40%;}
.inST30_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; text-align:right ;  color:#666; width:30%;}
.inST20_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; text-align:right ;  color:#666; width:20%;}
.inST10_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; text-align:right ;  color:#666; width:10%;}

/* input text box readonly 오른쪾 정렬 */
.inSTR100_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; text-align:right ;  background:#eeeeee;  width:100%;}
.inSTR95_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; text-align:right ;  background:#eeeeee; width:95%;}
.inSTR90_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; text-align:right ;  background:#eeeeee; width:90%;}
.inSTR80_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; text-align:right ;  background:#eeeeee; width:80%;}
.inSTR75_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; text-align:right ;  background:#eeeeee; width:75%;}
.inSTR70_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; text-align:right ;  background:#eeeeee; width:70%;}
.inSTR60_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; text-align:right ;  background:#eeeeee; width:60%;}
.inSTR50_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; text-align:right ;  background:#eeeeee; width:50%;}
.inSTR40_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; text-align:right ;  background:#eeeeee; width:40%;}
.inSTR30_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; text-align:right ;  background:#eeeeee; width:30%;}
.inSTR20_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; text-align:right ;  background:#eeeeee; width:20%;}
.inSTR10_R{border:1px solid #ccc; height:18px; margin-right:3px; font:12px/18px "arial"; color:#666; text-align:right ;  background:#eeeeee; ;width:10%;}


.teST{width:98%; margin:10px; height:200px; margin-left:0; border:1px solid #ccc;}
.teST80{width:98%; margin:10px; height:80px; margin-left:0; border:1px solid #ccc;}

.boCon{padding-bottom:30px; padding-top:30px;}

.selST{border:1px solid #ccc; width:150px; margin-right:3px; font:12px/18px "arial";}

.btncss{background:#eee; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #666; border-bottom:1px solid #999; font:12px/18px "arial"; width:60px; color:#555;}

/* 하단 버튼 속성 */
.bo_btn{float:right; margin-top:20px;}
.bo_btn img{padding-left:3px;}
.bo_btnW{width:100%; margin-top:20px;}
.bo_btnW .bo_btnLe{float:left;}
.bo_btnW .bo_btnRi{float:right;}
.bo_btnW .bo_btnLe img{padding-right:3px;}
.bo_btnW .bo_btnRi img{padding-left:3px;}

/* 게시판 리스트 속성*/
.totaltext{text-align:left; width:50%; float:left; margin-bottom:10px;}
.totaltext span{color:#F00; font-weight:bold;}
.pagetext{text-align:right; width:50%; float:right;}
.boSub{padding-left:10px;}

.padeNum{clear:both; width:100%; padding-top:20px; text-align:center; letter-spacing:5px;}
.padeNum img{padding-left:10px; padding-right:10px;}

/* 사용자정보 화면 */
.UserWrap{width:186px; height:120px; border:4px solid #ccc; background:url(/images/web/user_bg.jpg) no-repeat;}
.UserWrap2{width:186px; height:645px; border:4px solid #ccc;  font:"Arial"; font-size: large;}
.btnUser img{padding-right:3px;}
.btnUser{padding-left:20px;}
.Username{text-align:right; padding-right:10px; font:bold 16px/60px "Arial"; color:#333; height:45px;}
.UserTeam{text-align:right; padding-right:10px; font:12px "Arial"; color:#333; height:32px;}

/* 버튼 CSS */
.btnst{background:url(/images/web/btn_right.gif) right no-repeat; display:block; margin-left:3px; float:left; height:27px;}
.btnst a{display:block; font:bold 12px/26px "돋움"; color:#fff; background:url(/images/web/btn_center.gif) repeat-x; height:27px;}
.btnst .a{padding:0 7px 0 6px; background:url(/images/web/btn_left.gif) left no-repeat;}

/*paging css*/
.page_wrap { position:relative;padding-top:10px;z-index:1}
.page_wrap .btn_rt { position:absolute;right:0px;top:10px;z-index:1}
.page { position:relative;left:0px;padding:1px 0 0px 0;margin-bottom:0px;text-align:center;}
.page a { display:inline-block;height:13px;line-height:1em;padding:0px 1px 0px 5px; background:url(../img/common/icon_div_page.gif) no-repeat 0px 2px; font-size:10px; color:#635a4d; vertical-align:top;font-family:verdana;}
.page a:hover { color:#000;} 
.page a.on { color:#000;font-weight:bold;text-decoration:none;}
.page .btn_first,
.page .btn_last, 
.page .btn_prev,
.page .btn_next {position:relative;top:0px;display:inline-block;cursor:pointer;background:none;padding:2px 0px 0px 0px;}
.page span { display:block;text-indent:-500px;overflow:hidden;}
.page .btn_first span { width:16px;height:9px;background:url(/images/web/btn_number_prev02.gif) 0px 0px no-repeat}
.page .btn_last span { width:20px;height:9px;background:url(/images/web/btn_number_next02.gif) 0px 0px no-repeat}
.page .btn_next span { width:16px;height:9px;background:url(/images/web/btn_number_next01.gif) 0px 0px no-repeat}
.page .btn_prev span { width:16px;height:9px;background:url(/images/web/btn_number_prev01.gif) 0px 0px no-repeat}

/* 팝업 */
.popupW{width:450px; height:490px; background:url(/images/popup.jpg); font:14pt/32px "Arial"; color:#333; padding:20px 20px 20px 20px; border:8px solid #bad1df;}